<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        /*body {*/
        /*    background-image: url('/public/static/images/index_bg.png');*/
        /*    background-size: cover;*/
        /*    display: flex;*/
        /*    justify-content: center;*/
        /*    align-items: center;*/
        /*    flex-direction: column;*/
        /*    height: 100vh;*/
        /*    margin: 0;*/
        /*}*/

        /*.icon-bar {*/
        /*    position: absolute;*/
        /*    top: 30px;*/
        /*    left: 30px;*/
        /*}*/

        /*.icon-bar button {*/
        /*    background-color: #555;*/
        /*    color: white;*/
        /*    padding: 10px;*/
        /*    border: none;*/
        /*    cursor: pointer;*/
        /*    float: right;*/
        /*    transition: background 0.3s ease;*/
        /*}*/

        /*.icon-bar button:hover {*/
        /*    background-color: #000;*/
        /*}*/

        /*.image-container {*/
        /*    position: absolute;*/
        /*    cursor: pointer;*/
        /*    bottom: 100px;*/
        /*    transition: transform 0.3s ease, opacity 0.5s ease-in-out;*/
        /*    opacity: 0;*/
        /*    animation: fadeIn 1.2s forwards, shake 1.5s infinite ease-in-out;*/
        /*}*/

        /*.image-container img {*/
        /*    max-width: 100%;*/
        /*    height: auto;*/
        /*    transition: transform 0.3s ease, opacity 0.3s ease;*/
        /*}*/

        /* 悬停时放大 */
        /*.image-container:hover img {*/
        /*    transform: scale(1.1);*/
        /*    opacity: 0.9;*/
        /*}*/

        /* 点击时缩小一点，然后回弹 */
        /*.image-container:active img {*/
        /*    transform: scale(0.9);*/
        /*}*/

        /* 淡入效果 */
        /*@keyframes fadeIn {*/
        /*    from {*/
        /*        opacity: 0;*/
        /*        transform: translateY(20px);*/
        /*    }*/
        /*    to {*/
        /*        opacity: 1;*/
        /*        transform: translateY(0);*/
        /*    }*/
        /*}*/

        /* 摇晃动画 */
        /*@keyframes shake {*/
        /*    0%, 100% { transform: translateX(0); }*/
        /*    25% { transform: translateX(-10px) rotate(-2deg); }*/
        /*    50% { transform: translateX(10px) rotate(2deg); }*/
        /*    75% { transform: translateX(-5px) rotate(-1deg); }*/
        /*}*/

    </style>
</head>
<body>
    欢迎
    <!--<div class="icon-bar">-->
    <!--    <button onclick="window.location.reload()"> <img src="/public/static/images/refresh.png" alt=""></button>-->
    <!--    <button onclick="window.location.href='home.html'"> <img src="/public/static/images/home.png" alt=""></button>-->
    <!--    <button onclick="window.history.forward()"> <img src="/public/static/images/forward.png" alt=""></button>-->
    <!--    <button onclick="window.history.back()"> <img src="/public/static/images/back.png" alt=""></button>-->
    <!--</div>-->

    <!-- 加入点击动效 -->
    <!--<div class="image-container" onclick="handleClick()">-->
    <!--    <img src="/public/static/images/djlj.png" alt="">-->
    <!--</div>-->

    <!--<script>-->
    <!--    function handleClick() {-->
    <!--        const container = document.querySelector('.image-container');-->
    <!--        container.style.transform = "scale(1.05)";-->
    <!--        setTimeout(() => {-->
    <!--            container.style.transform = "scale(1)";-->
                <!--window.location.href = 'index/index/lists'; // 这里替换 `{:url('index/index/lists')}`-->
    <!--        }, 200);-->
    <!--    }-->
    <!--</script>-->
</body>
</html>
